<template>
    <div class="wrap" >
        <list style="width:750px">
            <cell class="cell" @click="open(list.url)" v-for="(list,index) in lists" :key="index" >
                <text>{{list.title}}</text>
            </cell>
        </list>
    </div>
</template>
<script>
export default {
    data(){
        return{
            lists:[
                {
                    title: 'animation wave',
                    url: 'test.animation.wave'
                },
                {
                    title: '实验',
                    url: 'test.animation.experiment'
                },
                {
                    title: 'animatePageOne',
                    url: 'test.animation.animatePageOne'
                },
                {
                    title: 'animatePageTwo',
                    url: 'test.animation.animatePageTwo'
                },
                {
                    title: 'animatePageThree',
                    url: 'test.animation.animatePageThree'
                },
                {
                    title: 'animatePageFour',
                    url: 'test.animation.animatePageFour'
                },
                {
                    title: 'animatePageFive',
                    url: 'test.animation.animatePageFive'
                },
                {
                    title: 'animatePageSix',
                    url: 'test.animation.animatePageSix'
                },
                {
                    title: 'animatePageSeven',
                    url: 'test.animation.animatePageSeven'
                },
                {
                    title: 'animatePageEight',
                    url: 'test.animation.animatePageEight'
                },
                {
                    title: 'animatePageNine',
                    url: 'test.animation.animatePageNine'
                },
                {
                    title: 'animatePageTen',
                    url: 'test.animation.animatePageTen'
                }
            ]
        }
    },
    methods:{
        open(url){
            var vm = this;
            vm.$router.open({
                name: url
            })
        }
    },
    created() {
    // this.wrapHeight = Utils.env.getPageHeight();
    // this.height = Utils.env.getPageHeight() - 100;
    this.$navigator.setLeftItem(
      {
        text: "返回", // 展示的文字 (和图片 二选一)
        textColor: "", // 文字颜色 (默认为白色)
        fontSize: "32", // 字号（默认32px）
        fontWeight: "normal", // 是否加粗（默认不加粗）
        image: "" // 展示的图片url (和文字 二选一，文字优先级更高)
      },
      () => {
        // 点击回调
        this.$router.back({
          type: "PUSH"
        });
      }
    );
  }
}
</script>
<style scoped>
    .wrap {
        width: 750px;
    }
    .cell {
        height: 100px;
        align-items: center;
        justify-content: center;
        border-bottom-width: 1px;
    }
</style>

